<div id = "main-contentz">
	<span id = "receptients-btn"><img src = "<?php echo base_url(); ?>assets/images/recipients-btn.png" alt = "" /></span>

	<div id = "add-recipients-wrap">
		<div id = "top-recipients">
			<h2 style = "float:left; color:#fff; font-size:14px; margin-top:10px; margin-left:10px" >Add Recepient</h2>
			<span id = "r-close"><img src = "<?php echo base_url(); ?>assets/images/close.png" alt = "" /></span>
		</div>
		<div id = "con-recipients">
			<form id = "add_recipients_frm" name = "add_recipients_frm">
			<?php echo form_hidden('recipient', $this->uri->segment(3)); ?>

				<input id = "hidden1" type = "hidden" value = "<?php echo base_url();?>index.php/recipients/create_recipients"/>

				<div class = "error-r"></div>
				<div class = "loader"><img src = "<?php echo base_url();?>assets/images/ajax-loader.gif" alt = "loader" /></div>
				<p class = "add-recep"><input type = "text" value = "First Name" name = "add-recep-fname" id = "add-recep-fname" /></p>
				<p class = "add-recep"><input type = "text" value = "Last Name" name = "add-recep-lname" id = "add-recep-lname" /></p>
				<p class = "add-recep"><input type = "text" value = "Middle Name" name = "add-recep-mname" id = "add-recep-mname" /></p>
				<p class = "add-recep"><input type = "text" value = "Address" name = "add-recep-address" id = "add-recep-address" /></p>
				<p class = "add-recep"><input type = "text" value = "Contact Number" name = "add-recep-contact" id = "add-recep-contact" /></p>
				<p style = "float:right; margin-right:20px;">
					<input type="image" value="" alt="" id="recep-submit" src="<?php echo base_url(); ?>assets/images/submit.png">
					<input type="image" value="" alt="" id="recep-cancel" src="<?php echo base_url(); ?>assets/images/cancel.png">
				</p>
			</form>
		</div>
	</div>

	<div id = "main-content-area">
		<div id = "main-content-wrap">

			<div id = "recipient-area">
				<div id = "recipient-content">

					<div id = "recipient-search-area">
						<select id = "search-list">
						  <option value="" selected="selected">Search by Name</option>
						  <option value="">First Name</option>
						  <option value="">Last Name</option>
						  <option value="">Middle Name</option>
						</select>
						<input type = "text" name = "r-search" value = "Type Here..." id = "r-search" />
						<input type="image" value="" alt="" id="recipient-searchsubmit" src="<?php echo base_url(); ?>assets/images/f-search-btn.png">
					</div>

					<div class = "notice">Reciptient successfully deleted.</div>
					<?php foreach ($recipients as $row): ?>

						<div id = "recipient-context_<?php echo $row->recipientid;?>">
							<div id = "recipient-thumbs"></div>
							<h2><?php echo $row->fname ; ?><?php echo $row->lname ; ?></h2>
							<p><?php echo $row->address; ?></p>
							<p><?php echo $row->contact; ?></p>

							<div id = "recipient-control">
								<a href = "<?php echo site_url()?>/recipients/display/<?php echo $row->recipientid; ?>" title = "edit"><img src = "<?php echo base_url(); ?>assets/images/edit-btn.png" alt = "edit" /></a> &nbsp;&nbsp;&nbsp;<a href = "javascript:void(0);" onclick="return deleteReciptient('<?php echo $row->recipientid; ?>', '<?php echo base_url(); ?>index.php/recipients/delete_recipients'); " title = "delete"><img class = "r-del" src = "<?php echo base_url(); ?>assets/images/del-btn.png" alt = "delete" /></a>&nbsp;&nbsp;


							</div>
						</div>

					<?php endforeach; ?>



				</div>
			</div>
		</div>
	</div>
</div>